<!--  -->
<template>
  <div class="">
    <cus-modal ref="modal" :showOkBtn="false" width="600" title="未提报单位：">
      <div>
        <Table border :loading="loading" :columns="columns" :data="dataList">
        </Table>
        <div v-if="dataList.length > 0">
          <cus-page
            :data="pages"
            class="cus_page mt_20"
            @pageChange="postPurchasingPlansNone()"
            simple
          ></cus-page>
        </div>
        <div slot="footer">
          <slot name="footer"> </slot>
        </div>
        <Spin size="large" fix v-if="loading"></Spin>
      </div>
      <!-- <div v-else style="text-align: center; font-size: 18px; color: black;"> 全部单位已提报完成 </div> -->
    </cus-modal>
  </div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';
import { noneMealPlan } from "@/api/organ/dishesModule";
export default {
  //import引入的组件需要注入到对象中才能使用
  data() {
    //这里存放数据
    return {
      loading: false,
      modal: false,
      dataList: [],
      columns: [
        {
          title: "序号",
          width: 70,
          type: "index",
          align: "center",
        },
        {
          title: "伙食单位",
          key: "unitName",
          align: "center",
        },
        {
          title: "食谱周期",
          key: "planDate",
          align: "center",
        },
        {
          title: "提交时间",
          key: "submitTime",
          align: "center",
        },
        {
          title: "审核状态",
          // key: "organAuditState",
          align: "center",
          render: (h, params) => {
            return h("div", [
              h(
                "span",
                {
                  style: {},
                },
                // 机关审核状态0-未提交、1-待审核、2-已审核通过、3-已驳回、4-无需审核
                params.row.organAuditState == 0
                  ? "未提交"
                  : params.row.organAuditState == 1
                  ? "待审核"
                  : params.row.organAuditState == 2
                  ? "已审核通过"
                  : params.row.organAuditState == 3
                  ? "已驳回"
                  : "无需审核"
              ),
            ]);
          },
        },
      ],
      pages: {
        page: 1,
        pageSize: 10,
        pageTotal: 0,
      },
    };
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {
    show(val) {
      this.$refs["modal"].show = true;
      this.getNoneMealPlan(val);
    },
    getNoneMealPlan(val) {
      this.loading = true
      return new Promise((resolve, reject) => {
        let params = {
          currentPage: this.pages.page,
          pageSize: this.pages.pageSize,
          startDate: new Date(val.dateTime[0]).Format("yyyy-MM-dd"),
          stopDate: new Date(val.dateTime[1]).Format("yyyy-MM-dd"),
        };
        noneMealPlan(params)
          .then((res) => {
            if (res.code == 1) {
              this.loading = false
              this.dataList = res.data.list;
              resolve(res);
            }
          })
          .catch((err) => {
            reject(err);
          });
      });
    },
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
};
</script>
<style scoped>
</style>